<!DOCTYPE html>
<html>
<head></head>
<body>


<h1>fish</h1>

<svg weight=400px height=400px class="fish" focusable="false" data-prefix="fas" data-icon="fish" class="svg-inline--fa fa-fish fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M327.1 96c-89.97 0-168.54 54.77-212.27 101.63L27.5 131.58c-12.13-9.18-30.24.6-27.14 14.66L24.54 256 .35 365.77c-3.1 14.06 15.01 23.83 27.14 14.66l87.33-66.05C158.55 361.23 237.13 416 327.1 416 464.56 416 576 288 576 256S464. 327.1 96zm87.43 184c-13.25 0-24-10.75-24-24 0-13.26 10.75-24 24-24 13.26 0 24 10.74 24 24 0 13.25-10.75 24-24 24z"></path></svg>

<style type="text/css">
 .fish
 {
 	
 animation: rotate 3s infinite;
 animation-timing-function:linear;
}
.fish:hover{
	animation: rotate 0.3s infinite;
	animation-timing-function:linear;
}

@keyframes rotate{
0% { transform:rotate(0deg);}

100% { transform : rotate(-360deg)}
}  
}

</style>
</center>
</body>
</html>